<div id="wrapperItv">
	<div id="stepsFormItv">
		#{form @Interventions.create()}
			<div id="formCreateInt">
			<fieldset id="toto" class="stepItv">
				<legend>Formation</legend>
                <p>
                	<input type="hidden"/>
                	<label for="i.formationIntervention.id">Formation concern&eacute;e*: </label>
					<select name="i.formationIntervention.id" id="i.formationIntervention.id" required="required">
						#{list listFormationToUpdate, as:'formation'}
							<option value="${formation.id}">${formation.libelleFormation}</option>
						#{/list}
					</select>
				</p>					 
			</fieldset>
			<fieldset id="toto2" class="stepItv">
				<legend>D&eacute;tails</legend>
				<p>
					<label for="i.subjectIntervention">Mati&egrave;re*: </label>
					<input type="text" name="i.subjectIntervention" id="i.subjectIntervention" required="required" />
				</p>
				<p>
				    <label for="i.beginDateIntervention">Date de d&eacute;but*: </label>
				    <input type="text" name="i.beginDateIntervention" id="i.beginDateIntervention" required="required"/>
				</p>
				<p>
				 	<label for="i.endDateIntervention">Date de fin: </label>
				 	<input type="text" name="i.endDateIntervention" id="i.endDateIntervention" required="required"/>
				</p>
				<p>
				    <label for="i.durationIntervention">Dur&eacute;e*: </label>
				    <input type="text" name="i.durationIntervention" id="i.durationIntervention" required="required"/>
				</p>
			</fieldset>
			<fieldset class="stepItv" id="toto3">	 
				<legend>Description</legend>   
				<p>
				    <label for="i.descriptionIntervention">Description*: </label>
				    <textarea name="i.descriptionIntervention" id="i.descriptionIntervention" required="required"></textarea>
				</p>
			</fieldset>
			<fieldset id="toto4" class="stepItv">
				<legend>Confirmation</legend>
				<p>
							Tout dans le formulaire a été correctement rempli, si toutes les étapes ont une coche verte icône. Une coche rouge icône indique que certains champ est manquant ou rempli avec des données invalides. Dans cette dernière étape, l'utilisateur peut confirmer l'envoi du formulaire.
				</p>
            	<p class="submit">
             		<input type="hidden" name="i.enseignantIntervention.id" id="i.enseignantIntervention.id" value="${session['user_id']}"/>
					<button id="registerformCreateInt" type="submit">Valider</button>
            	</p>
 			</fieldset>
 			</div>
		#{/form}			
	</div>
	<div id="navigationItv" style="display:none;">
    	<ul>
      		<li class="selected">
            	<a href="#">Formation</a>
        	</li>
        	<li>
            	<a href="#">D&eacute;tails</a>
        	</li>
        	<li>
           		<a href="#">Description</a>
        	</li>
			<li>
            	<a href="#">Confirmation</a>
        	</li>
    	</ul>
	</div>
</div>